<include file="Trade:header" />
<div class="wrapbody" style="padding: 0px; margin-top: 20px;">
 <div class="main">
  <div class="span span8  content">
   <div id="content">
    <div id="klineImage" class="newKlineImage ">
     <div class="marketImageNew" id="marketImageNew" style="">
      <iframe style="border-style: none;" border="0" width="100%" height="600" id="market_chart" src="/Trade/specialty?market={$market}"></iframe>
     </div>
    </div>
   </div>
   <div id="content-trade" class="content">
    <div class="box mt20" id="Titletrd">
     <div class="clear over-auto  account_table">
      <div class="left   over-auto" style="width: 32%; margin-right: 5px; border-right: 1px solid #D5D5D5; border-left: 1px solid #D5D5D5;">
       <div class="over-auto account_table">
        <table class="Transaction no-border-left">
         <thead>
          <tr>
           <th width="50">买入</th>
           <th width="80">价格</th>
           <th width="120">数量</th>
           <th width=""><span style="padding-right: 18px;">比例</span></th>
          </tr>
         </thead>
        </table>
        <div style="_height: 852px; max-height: 852px; overflow-x: hidden; overflow-y: auto;">
         <table class="Transaction no-border-left">
          <tbody id="marketbuylist">
          </tbody>
         </table>
        </div>
       </div>
      </div>
      <div class="left  over-auto" style="width: 32%; border-right: 1px solid #D5D5D5; border-left: 1px solid #D5D5D5;">
       <div class="over-auto">
        <table class="Transaction no-border-right">
         <thead>
          <tr>
           <th width="50">卖出</th>
           <th width="80">价格</th>
           <th width="120">数量</th>
           <th width=""><span style="padding-right: 18px;">比例</span></th>
          </tr>
         </thead>
        </table>
        <div style="_height: 852px; max-height: 852px; overflow-x: hidden; overflow-y: auto;">
         <table class="Transaction no-border-right">
          <tbody id="marketselllist">
          </tbody>
         </table>
        </div>
       </div>
      </div>
      <div class="right" style="width: 34.7%; border-right: 1px solid #D5D5D5; border-left: 1px solid #D5D5D5;">
       <div class="clear">
        <div class=" over-hidden">
         <div class="over-auto">
          <table class="Transaction no-border-left  no-border-left-right">
           <thead>
            <tr>
             <th width="70">时间</th>
             <th width="70">价格</th>
             <th width="100">数量</th>
             <th><span style="padding-right: 18px;">金额</span></th>
            </tr>
           </thead>
          </table>
          <div style="_height: 852px; max-height: 852px;; overflow-x: hidden; overflow-y: auto;">
           <table class="Transaction no-border-left  no-border-left-right">
            <tbody id="marketorderlist">
            </tbody>
           </table>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
    </div>
   </div>
  </div>
 </div>
</div>
<br>
<br>
<script type="text/javascript">
	var market="{$market}";


	function getJsonData(){
		$.getJSON("/Chart/getJsonData?market="+market+"&t="+Math.random(),function(data){
			if(data){
				if(data[0]){
					$("#marketbuylist").html(data[0]);
				}
				if(data[1]){
					$("#marketselllist").html(data[1]);
				}
				if(data[2]){
					$("#marketorderlist").html(data[2]);
				}
			}
		});
	}
	getJsonData();

	// 倒计时
	var wait=second=5;
	var go=setInterval(function(){
		wait--;
		if(wait<0){
			getJsonData();
			wait=second;
		}
	},1000);
</script>
<script>
	//菜单高亮
	$('#list-tab_chart').addClass('on');
</script>
<include file="Public:footer" />